<template>
  <div class="dashboard">
    <el-row :gutter="10">
      <template v-for="item in amountList" :key="item.amount">
        <el-col :span="6">
          <CountCard v-bind="item" />
        </el-col>
      </template>
    </el-row>
  </div>
</template>

<script setup lang="ts">
import CountCard from './subcomponent/count-card.vue'
import { useAnalysisStore } from '@/stores/main/analysis/analysis'
import { storeToRefs } from 'pinia'

const analysisStore = useAnalysisStore()
analysisStore.fetchAnalysisDataAction()
const { amountList } = storeToRefs(analysisStore)
</script>

<style lang="scss" scoped></style>
